<template>
  <div>
      <div class="cooktosto">
          <div class="tophj">
              <div class="hj">
                  <div class="te it">
                      <span class="iconfont icon-xiangzuo " @click="$router.go('-1')"></span>
                  </div>
                  <div class="en it">
                       <span>菜谱分类</span>
                  </div>
                  <div class="tr it">
                      <span class="iconfont icon-sousuo_o" @click="$router.push('/seek')"></span>
                  </div>
              </div>
          </div>
          <div class="cookmainto">
              <div class="left">
                  <van-sidebar v-model="activeKey">
                    <van-sidebar-item :title="item" v-for="(item) in leftlist" :key="item.id" @click="addyu"/>
                  </van-sidebar>
              </div>
              <div class="right">
                    <div class="item">
                        <div class="kuai" v-for="(item,index) in leftlists[indextos].leilsit" :key="index" >
                            <div class="name">
                               <div class="tod" @click="getdatato(item.name)">
                                    <span>{{item.name}}</span>
                                   <span class="iconfont icon-right-1-copy"></span>
                               </div>
                            </div>
                            <div class="nalis">
                                <div class="ity" v-for="(value,index) in item.chendiung" :key="index">
                                    <span @click="getdtyuto(value.name)">{{value.name}}</span>
                                </div>
                            </div>
                        </div>
                    </div>
              </div>
          </div>
      </div>
  </div>
</template>

<script>
import Vue from 'vue';
import { Sidebar, SidebarItem } from 'vant';
Vue.use(Sidebar);
Vue.use(SidebarItem);
export default {
    data() {
        return {
             activeKey: 0,
             leftlist:[
                 "热门",
                 "蔬菜",
                 "肉类大全",
                 "主食",
                 "菜式菜系",
                 "水产海鲜",
                 "烘焙",
                 "蛋奶制品",
                 "食疗养生",
                 "粤菜",
                 "东北菜",
                 "糕点",
                 "微波炉",
                 
             ],
             indextos:0,
             //分类终
             leftlists:[
                 {
                    name:"热门",
                    leilsit:[
                        {
                            name:"家常菜",
                            chendiung:[
                                {
                                    name:"红烧肉",
                                    id:1
                                },
                                {
                                    name:"可乐鸡翅",
                                    id:1
                                },
                                {
                                    name:"糖醋排骨",
                                    id:1
                                },
                                {
                                    name:"鱼香肉丝",
                                    id:1
                                },
                                {
                                    name:"红烧排骨",
                                    id:1
                                },
                                {
                                    name:"宫保鸡丁",
                                    id:1
                                },
                                {
                                    name:"西红柿炒鸡蛋",
                                    id:1
                                },
                                {
                                    name:"清蒸鲈鱼",
                                    id:1
                                },
                                {
                                    name:"酸菜鱼",
                                    id:1
                                },
                            ]
                        },
                        {
                            name:"下饭菜",
                            chendiung:[
                                {
                                    name:"油焖大虾",
                                    id:1
                                },
                                {
                                    name:"麻婆豆腐",
                                    id:1
                                },
                                {
                                    name:"家常菜",
                                    id:1
                                },
                                {
                                    name:"水煮肉片",
                                    id:1
                                },
                                {
                                    name:"凉拌黄瓜",
                                    id:1
                                },
                                {
                                    name:"下饭菜",
                                    id:1
                                },
                                {
                                    name:"糖醋里脊",
                                    id:1
                                },
                                {
                                    name:"回锅肉",
                                    id:1
                                },
                                {
                                    name:"红烧茄子",
                                    id:1
                                },
                            ]
                        },
                        {
                            name:"快手菜",
                            chendiung:[
                                {
                                    name:"油焖大虾",
                                    id:1
                                },
                                {
                                    name:"麻婆豆腐",
                                    id:1
                                },
                                {
                                    name:"家常菜",
                                    id:1
                                },
                                {
                                    name:"水煮肉片",
                                    id:1
                                },
                                {
                                    name:"凉拌黄瓜",
                                    id:1
                                },
                                {
                                    name:"下饭菜",
                                    id:1
                                },
                                {
                                    name:"糖醋里脊",
                                    id:1
                                },
                                {
                                    name:"回锅肉",
                                    id:1
                                },
                                {
                                    name:"红烧茄子",
                                    id:1
                                },
                            ]
                        }
                    ],
                 },
                  {
                    name:"蔬菜",
                    leilsit:[
                        {
                            name:"时令蔬菜",
                            chendiung:[
                                {
                                    name:"茄子",
                                    id:1
                                },
                                {
                                    name:"土豆",
                                    id:1
                                },
                                {
                                    name:"韭菜",
                                    id:1
                                },
                                {
                                    name:"香椿",
                                    id:1
                                },
                                {
                                    name:"春笋",
                                    id:1
                                },
                                {
                                    name:"西红柿",
                                    id:1
                                },
                                {
                                    name:"油菜",
                                    id:1
                                },
                                {
                                    name:"紫菜",
                                    id:1
                                },
                               
                            ]
                        },
                        {
                            name:"绿叶蔬菜",
                            chendiung:[
                                 {
                                    name:"茼蒿",
                                    id:1
                                },
                                {
                                    name:"苦菊",
                                    id:1
                                },
                                {
                                    name:"芥菜",
                                    id:1
                                },
                                {
                                    name:"莴笋",
                                    id:1
                                },
                                {
                                    name:"芦笋",
                                    id:1
                                },
                                {
                                    name:"卷心菜",
                                    id:1
                                },
                                {
                                    name:"西兰花",
                                    id:1
                                },
                                {
                                    name:"大白菜",
                                    id:1
                                },
                                {
                                    name:"菠菜",
                                    id:1
                                },
                                {
                                    name:"生菜",
                                    id:1
                                },
                                {
                                    name:"小白菜",
                                    id:1
                                },
                                {
                                    name:"菜花",
                                    id:1
                                },
                                {
                                    name:"空心菜",
                                    id:1
                                },
                                {
                                    name:"冰草",
                                    id:1
                                },
                                {
                                    name:"蒜苗",
                                    id:1
                                },
                            ]
                        },
                        {
                            name:"瓜类",
                            chendiung:[
                                {
                                    name:"黄瓜",
                                    id:1
                                },
                                {
                                    name:"南瓜",
                                    id:1
                                },
                                {
                                    name:"东瓜",
                                    id:1
                                },
                                {
                                    name:"苦瓜",
                                    id:1
                                },
                                {
                                    name:"丝瓜",
                                    id:1
                                },
                                {
                                    name:"西葫芦",
                                    id:1
                                },
                                {
                                    name:"苦瓜",
                                    id:1
                                },
                                {
                                    name:"佛手瓜",
                                    id:1
                                },
                               
                            ]
                        },
                        {
                            name:"菌类",
                            chendiung:[
                                {
                                    name:"金针菇",
                                    id:1
                                },
                                {
                                    name:"杏鲍菇",
                                    id:1
                                },
                                {
                                    name:"茶树菇",
                                    id:1
                                },
                                {
                                    name:"黄蘑",
                                    id:1
                                },
                                {
                                    name:"白灵菇",
                                    id:1
                                },
                                {
                                    name:"木耳",
                                    id:1
                                },
                                {
                                    name:"银耳",
                                    id:1
                                },
                                {
                                    name:"平菇",
                                    id:1
                                },
                                {
                                    name:"牛肝菌",
                                    id:1
                                },
                               
                            ]
                        },
                        {
                            name:"豆科",
                            chendiung:[
                                {
                                    name:"豆角",
                                    id:1
                                },
                                {
                                    name:"毛豆",
                                    id:1
                                },
                                {
                                    name:"芸豆",
                                    id:1
                                },
                                {
                                    name:"扁豆",
                                    id:1
                                },
                                {
                                    name:"蚕豆",
                                    id:1
                                },
                                {
                                    name:"豆芽",
                                    id:1
                                },
                                {
                                    name:"刀豆",
                                    id:1
                                },
                                {
                                    name:"豌豆",
                                    id:1
                                },
                                {
                                    name:"绿豆芽",
                                    id:1
                                },
                               
                            ]
                        },
                         {
                            name:"根茎蔬菜",
                            chendiung:[
                                {
                                    name:"山药",
                                    id:1
                                },
                                {
                                    name:"胡萝卜",
                                    id:1
                                },
                                {
                                    name:"白萝卜",
                                    id:1
                                },
                                {
                                    name:"红薯",
                                    id:1
                                },
                                {
                                    name:"芋头",
                                    id:1
                                },
                                {
                                    name:"莲藕",
                                    id:1
                                },
                                {
                                    name:"芥菜头",
                                    id:1
                                },
                                
                            ]
                        }
                    ],
                 },
                 {
                    name:"肉类大全",
                    leilsit:[
                        {
                            name:"猪肉",
                            chendiung:[
                                {
                                    name:"排骨",
                                    id:1
                                },
                                {
                                    name:"五花肉",
                                    id:1
                                },
                                {
                                    name:"瘦肉",
                                    id:1
                                },
                                {
                                    name:"猪肚",
                                    id:1
                                },
                                {
                                    name:"叉烧肉",
                                    id:1
                                },
                                {
                                    name:"午餐肉",
                                    id:1
                                },
                                {
                                    name:"腊肉",
                                    id:1
                                },
                                {
                                    name:"里脊",
                                    id:1
                                },
                                {
                                    name:"肉松",
                                    id:1
                                },
                                {
                                    name:"香肠",
                                    id:1
                                },
                            ]
                        },
                        {
                            name:"鸡肉",
                            chendiung:[
                                {
                                    name:"鸡胸肉",
                                    id:1
                                },
                                {
                                    name:"鸡腿",
                                    id:1
                                },
                                {
                                    name:"鸡翅",
                                    id:1
                                },
                                {
                                    name:"鸡爪",
                                    id:1
                                },
                                {
                                    name:"乌鸡",
                                    id:1
                                },
                                {
                                    name:"母鸡",
                                    id:1
                                },
                                {
                                    name:"鸡肝",
                                    id:1
                                },
                                {
                                    name:"土鸡",
                                    id:1
                                },
                                {
                                    name:"柴鸡",
                                    id:1
                                },
                                {
                                    name:"鸡胗",
                                    id:1
                                },
                            ]
                        },
                        {
                            name:"牛肉",
                            chendiung:[
                                {
                                    name:"牛排",
                                    id:1
                                },
                                {
                                    name:"牛腩",
                                    id:1
                                },
                                {
                                    name:"牛键",
                                    id:1
                                },
                                {
                                    name:"百叶",
                                    id:1
                                },
                                {
                                    name:"牛肋骨",
                                    id:1
                                },
                                {
                                    name:"肋条",
                                    id:1
                                },
                                {
                                    name:"牛肚",
                                    id:1
                                },
                                {
                                    name:"牛骨仔",
                                    id:1
                                },
                               
                            ]
                        }, {
                            name:"羊肉",
                            chendiung:[
                                {
                                    name:"羊肉",
                                    id:1
                                },
                                {
                                    name:"羊排",
                                    id:1
                                },
                                {
                                    name:"牛键",
                                    id:1
                                },
                                {
                                    name:"羊腰",
                                    id:1
                                },
                                {
                                    name:"羊里脊",
                                    id:1
                                },
                                {
                                    name:"羊骨",
                                    id:1
                                },
                                {
                                    name:"羊后腿",
                                    id:1
                                },
                                {
                                    name:"羊肚",
                                    id:1
                                },
                               
                            ]
                        }
                    ],
                 },
                 {
                    name:"主食",
                    leilsit:[
                        {
                            name:"面食",
                            chendiung:[
                                {
                                    name:"面条",
                                    id:1
                                },
                                {
                                    name:"凉面",
                                    id:1
                                },
                                {
                                    name:"包子",
                                    id:1
                                },
                                {
                                    name:"饺子",
                                    id:1
                                },
                                {
                                    name:"煎饺",
                                    id:1
                                },
                                {
                                    name:"锅贴",
                                    id:1
                                },
                                {
                                    name:"花卷",
                                    id:1
                                },
                                {
                                    name:"馄饨",
                                    id:1
                                },
                                {
                                    name:"馒头",
                                    id:1
                                },
                                {
                                    name:"焖面",
                                    id:1
                                },
                                {
                                    name:"虾饺",
                                    id:1
                                },
                            ]
                        },
                        {
                            name:"饼",
                            chendiung:[
                                {
                                    name:"手抓饼",
                                    id:1
                                },
                                {
                                    name:"煎饼",
                                    id:1
                                },
                                {
                                    name:"葱油饼",
                                    id:1
                                },
                                {
                                    name:"春饼",
                                    id:1
                                },
                                {
                                    name:"月饼",
                                    id:1
                                },
                                {
                                    name:"馅饼",
                                    id:1
                                },
                                {
                                    name:"玉米饼",
                                    id:1
                                },
                                {
                                    name:"炒饼",
                                    id:1
                                },
                                {
                                    name:"灌饼",
                                    id:1
                                },
                            ]
                        },
                        {
                            name:"粥",
                            chendiung:[
                                {
                                    name:"皮蛋瘦肉粥",
                                    id:1
                                },
                                {
                                    name:"小米粥",
                                    id:1
                                },
                                {
                                    name:"红豆粥",
                                    id:1
                                },
                                {
                                    name:"玉米粥",
                                    id:1
                                },
                                {
                                    name:"南瓜粥",
                                    id:1
                                },
                                {
                                    name:"青菜粥",
                                    id:1
                                },
                                {
                                    name:"绿豆粥",
                                    id:1
                                },
                                {
                                    name:"八宝粥",
                                    id:1
                                },
                                
                            ]
                        },
                        {
                            name:"米饭",
                            chendiung:[
                                {
                                    name:"炒饭",
                                    id:1
                                },
                                {
                                    name:"煲仔饭",
                                    id:1
                                },
                                {
                                    name:"焖饭",
                                    id:1
                                },
                                {
                                    name:"蛋包饭",
                                    id:1
                                },
                                {
                                    name:"抓饭",
                                    id:1
                                },
                                {
                                    name:"烩饭",
                                    id:1
                                },
                                {
                                    name:"拌饭",
                                    id:1
                                },
                                {
                                    name:"盖浇饭",
                                    id:1
                                },
                                
                            ]
                        },
                         {
                            name:"西式主食",
                            chendiung:[
                                {
                                    name:"牛排",
                                    id:1
                                },
                                {
                                    name:"披萨",
                                    id:1
                                },
                                {
                                    name:"土豆泥",
                                    id:1
                                },
                                {
                                    name:"三明治",
                                    id:1
                                },
                                {
                                    name:"意大利面",
                                    id:1
                                },
                                {
                                    name:"汉堡",
                                    id:1
                                },
                                
                                
                            ]
                        }
                    ],
                 },
                 {
                    name:"菜式菜系",
                    leilsit:[
                        {
                            name:"家常菜",
                            chendiung:[
                                {
                                    name:"红烧肉",
                                    id:1
                                },
                                {
                                    name:"可乐鸡翅",
                                    id:1
                                },
                                {
                                    name:"糖醋排骨",
                                    id:1
                                },
                                {
                                    name:"鱼香肉丝",
                                    id:1
                                },
                                {
                                    name:"红烧排骨",
                                    id:1
                                },
                                {
                                    name:"宫保鸡丁",
                                    id:1
                                },
                                {
                                    name:"西红柿炒鸡蛋",
                                    id:1
                                },
                                {
                                    name:"清蒸鲈鱼",
                                    id:1
                                },
                                {
                                    name:"酸菜鱼",
                                    id:1
                                },
                            ]
                        },
                        {
                            name:"下饭菜",
                            chendiung:[
                                {
                                    name:"油焖大虾",
                                    id:1
                                },
                                {
                                    name:"麻婆豆腐",
                                    id:1
                                },
                                {
                                    name:"家常菜",
                                    id:1
                                },
                                {
                                    name:"水煮肉片",
                                    id:1
                                },
                                {
                                    name:"凉拌黄瓜",
                                    id:1
                                },
                                {
                                    name:"下饭菜",
                                    id:1
                                },
                                {
                                    name:"糖醋里脊",
                                    id:1
                                },
                                {
                                    name:"回锅肉",
                                    id:1
                                },
                                {
                                    name:"红烧茄子",
                                    id:1
                                },
                            ]
                        },
                        {
                            name:"快手菜",
                            chendiung:[
                                {
                                    name:"油焖大虾",
                                    id:1
                                },
                                {
                                    name:"麻婆豆腐",
                                    id:1
                                },
                                {
                                    name:"家常菜",
                                    id:1
                                },
                                {
                                    name:"水煮肉片",
                                    id:1
                                },
                                {
                                    name:"凉拌黄瓜",
                                    id:1
                                },
                                {
                                    name:"下饭菜",
                                    id:1
                                },
                                {
                                    name:"糖醋里脊",
                                    id:1
                                },
                                {
                                    name:"回锅肉",
                                    id:1
                                },
                                {
                                    name:"红烧茄子",
                                    id:1
                                },
                            ]
                        }
                    ],
                 },
                 {
                    name:"水产海鲜",
                    leilsit:[
                        {
                            name:"家常菜",
                            chendiung:[
                                {
                                    name:"红烧肉",
                                    id:1
                                },
                                {
                                    name:"可乐鸡翅",
                                    id:1
                                },
                                {
                                    name:"糖醋排骨",
                                    id:1
                                },
                                {
                                    name:"鱼香肉丝",
                                    id:1
                                },
                                {
                                    name:"红烧排骨",
                                    id:1
                                },
                                {
                                    name:"宫保鸡丁",
                                    id:1
                                },
                                {
                                    name:"西红柿炒鸡蛋",
                                    id:1
                                },
                                {
                                    name:"清蒸鲈鱼",
                                    id:1
                                },
                                {
                                    name:"酸菜鱼",
                                    id:1
                                },
                            ]
                        },
                        {
                            name:"下饭菜",
                            chendiung:[
                                {
                                    name:"油焖大虾",
                                    id:1
                                },
                                {
                                    name:"麻婆豆腐",
                                    id:1
                                },
                                {
                                    name:"家常菜",
                                    id:1
                                },
                                {
                                    name:"水煮肉片",
                                    id:1
                                },
                                {
                                    name:"凉拌黄瓜",
                                    id:1
                                },
                                {
                                    name:"下饭菜",
                                    id:1
                                },
                                {
                                    name:"糖醋里脊",
                                    id:1
                                },
                                {
                                    name:"回锅肉",
                                    id:1
                                },
                                {
                                    name:"红烧茄子",
                                    id:1
                                },
                            ]
                        },
                        {
                            name:"快手菜",
                            chendiung:[
                                {
                                    name:"油焖大虾",
                                    id:1
                                },
                                {
                                    name:"麻婆豆腐",
                                    id:1
                                },
                                {
                                    name:"家常菜",
                                    id:1
                                },
                                {
                                    name:"水煮肉片",
                                    id:1
                                },
                                {
                                    name:"凉拌黄瓜",
                                    id:1
                                },
                                {
                                    name:"下饭菜",
                                    id:1
                                },
                                {
                                    name:"糖醋里脊",
                                    id:1
                                },
                                {
                                    name:"回锅肉",
                                    id:1
                                },
                                {
                                    name:"红烧茄子",
                                    id:1
                                },
                            ]
                        }
                    ],
                 },
                  {
                    name:"烘焙",
                    leilsit:[
                        {
                            name:"家常菜",
                            chendiung:[
                                {
                                    name:"红烧肉",
                                    id:1
                                },
                                {
                                    name:"可乐鸡翅",
                                    id:1
                                },
                                {
                                    name:"糖醋排骨",
                                    id:1
                                },
                                {
                                    name:"鱼香肉丝",
                                    id:1
                                },
                                {
                                    name:"红烧排骨",
                                    id:1
                                },
                                {
                                    name:"宫保鸡丁",
                                    id:1
                                },
                                {
                                    name:"西红柿炒鸡蛋",
                                    id:1
                                },
                                {
                                    name:"清蒸鲈鱼",
                                    id:1
                                },
                                {
                                    name:"酸菜鱼",
                                    id:1
                                },
                            ]
                        },
                        {
                            name:"下饭菜",
                            chendiung:[
                                {
                                    name:"油焖大虾",
                                    id:1
                                },
                                {
                                    name:"麻婆豆腐",
                                    id:1
                                },
                                {
                                    name:"家常菜",
                                    id:1
                                },
                                {
                                    name:"水煮肉片",
                                    id:1
                                },
                                {
                                    name:"凉拌黄瓜",
                                    id:1
                                },
                                {
                                    name:"下饭菜",
                                    id:1
                                },
                                {
                                    name:"糖醋里脊",
                                    id:1
                                },
                                {
                                    name:"回锅肉",
                                    id:1
                                },
                                {
                                    name:"红烧茄子",
                                    id:1
                                },
                            ]
                        },
                        {
                            name:"快手菜",
                            chendiung:[
                                {
                                    name:"油焖大虾",
                                    id:1
                                },
                                {
                                    name:"麻婆豆腐",
                                    id:1
                                },
                                {
                                    name:"家常菜",
                                    id:1
                                },
                                {
                                    name:"水煮肉片",
                                    id:1
                                },
                                {
                                    name:"凉拌黄瓜",
                                    id:1
                                },
                                {
                                    name:"下饭菜",
                                    id:1
                                },
                                {
                                    name:"糖醋里脊",
                                    id:1
                                },
                                {
                                    name:"回锅肉",
                                    id:1
                                },
                                {
                                    name:"红烧茄子",
                                    id:1
                                },
                            ]
                        }
                    ],
                 },
                 {
                    name:"蛋奶制品",
                    leilsit:[
                        {
                            name:"家常菜",
                            chendiung:[
                                {
                                    name:"红烧肉",
                                    id:1
                                },
                                {
                                    name:"可乐鸡翅",
                                    id:1
                                },
                                {
                                    name:"糖醋排骨",
                                    id:1
                                },
                                {
                                    name:"鱼香肉丝",
                                    id:1
                                },
                                {
                                    name:"红烧排骨",
                                    id:1
                                },
                                {
                                    name:"宫保鸡丁",
                                    id:1
                                },
                                {
                                    name:"西红柿炒鸡蛋",
                                    id:1
                                },
                                {
                                    name:"清蒸鲈鱼",
                                    id:1
                                },
                                {
                                    name:"酸菜鱼",
                                    id:1
                                },
                            ]
                        },
                        {
                            name:"下饭菜",
                            chendiung:[
                                {
                                    name:"油焖大虾",
                                    id:1
                                },
                                {
                                    name:"麻婆豆腐",
                                    id:1
                                },
                                {
                                    name:"家常菜",
                                    id:1
                                },
                                {
                                    name:"水煮肉片",
                                    id:1
                                },
                                {
                                    name:"凉拌黄瓜",
                                    id:1
                                },
                                {
                                    name:"下饭菜",
                                    id:1
                                },
                                {
                                    name:"糖醋里脊",
                                    id:1
                                },
                                {
                                    name:"回锅肉",
                                    id:1
                                },
                                {
                                    name:"红烧茄子",
                                    id:1
                                },
                            ]
                        },
                        {
                            name:"快手菜",
                            chendiung:[
                                {
                                    name:"油焖大虾",
                                    id:1
                                },
                                {
                                    name:"麻婆豆腐",
                                    id:1
                                },
                                {
                                    name:"家常菜",
                                    id:1
                                },
                                {
                                    name:"水煮肉片",
                                    id:1
                                },
                                {
                                    name:"凉拌黄瓜",
                                    id:1
                                },
                                {
                                    name:"下饭菜",
                                    id:1
                                },
                                {
                                    name:"糖醋里脊",
                                    id:1
                                },
                                {
                                    name:"回锅肉",
                                    id:1
                                },
                                {
                                    name:"红烧茄子",
                                    id:1
                                },
                            ]
                        }
                    ],
                 },
                  {
                    name:"食疗养生",
                    leilsit:[
                        {
                            name:"家常菜",
                            chendiung:[
                                {
                                    name:"红烧肉",
                                    id:1
                                },
                                {
                                    name:"可乐鸡翅",
                                    id:1
                                },
                                {
                                    name:"糖醋排骨",
                                    id:1
                                },
                                {
                                    name:"鱼香肉丝",
                                    id:1
                                },
                                {
                                    name:"红烧排骨",
                                    id:1
                                },
                                {
                                    name:"宫保鸡丁",
                                    id:1
                                },
                                {
                                    name:"西红柿炒鸡蛋",
                                    id:1
                                },
                                {
                                    name:"清蒸鲈鱼",
                                    id:1
                                },
                                {
                                    name:"酸菜鱼",
                                    id:1
                                },
                            ]
                        },
                        {
                            name:"下饭菜",
                            chendiung:[
                                {
                                    name:"油焖大虾",
                                    id:1
                                },
                                {
                                    name:"麻婆豆腐",
                                    id:1
                                },
                                {
                                    name:"家常菜",
                                    id:1
                                },
                                {
                                    name:"水煮肉片",
                                    id:1
                                },
                                {
                                    name:"凉拌黄瓜",
                                    id:1
                                },
                                {
                                    name:"下饭菜",
                                    id:1
                                },
                                {
                                    name:"糖醋里脊",
                                    id:1
                                },
                                {
                                    name:"回锅肉",
                                    id:1
                                },
                                {
                                    name:"红烧茄子",
                                    id:1
                                },
                            ]
                        },
                        {
                            name:"快手菜",
                            chendiung:[
                                {
                                    name:"油焖大虾",
                                    id:1
                                },
                                {
                                    name:"麻婆豆腐",
                                    id:1
                                },
                                {
                                    name:"家常菜",
                                    id:1
                                },
                                {
                                    name:"水煮肉片",
                                    id:1
                                },
                                {
                                    name:"凉拌黄瓜",
                                    id:1
                                },
                                {
                                    name:"下饭菜",
                                    id:1
                                },
                                {
                                    name:"糖醋里脊",
                                    id:1
                                },
                                {
                                    name:"回锅肉",
                                    id:1
                                },
                                {
                                    name:"红烧茄子",
                                    id:1
                                },
                            ]
                        }
                    ],
                 },
                 {
                    name:"粤菜",
                    leilsit:[
                        {
                            name:"家常菜",
                            chendiung:[
                                {
                                    name:"红烧肉",
                                    id:1
                                },
                                {
                                    name:"可乐鸡翅",
                                    id:1
                                },
                                {
                                    name:"糖醋排骨",
                                    id:1
                                },
                                {
                                    name:"鱼香肉丝",
                                    id:1
                                },
                                {
                                    name:"红烧排骨",
                                    id:1
                                },
                                {
                                    name:"宫保鸡丁",
                                    id:1
                                },
                                {
                                    name:"西红柿炒鸡蛋",
                                    id:1
                                },
                                {
                                    name:"清蒸鲈鱼",
                                    id:1
                                },
                                {
                                    name:"酸菜鱼",
                                    id:1
                                },
                            ]
                        },
                        {
                            name:"下饭菜",
                            chendiung:[
                                {
                                    name:"油焖大虾",
                                    id:1
                                },
                                {
                                    name:"麻婆豆腐",
                                    id:1
                                },
                                {
                                    name:"家常菜",
                                    id:1
                                },
                                {
                                    name:"水煮肉片",
                                    id:1
                                },
                                {
                                    name:"凉拌黄瓜",
                                    id:1
                                },
                                {
                                    name:"下饭菜",
                                    id:1
                                },
                                {
                                    name:"糖醋里脊",
                                    id:1
                                },
                                {
                                    name:"回锅肉",
                                    id:1
                                },
                                {
                                    name:"红烧茄子",
                                    id:1
                                },
                            ]
                        },
                        {
                            name:"快手菜",
                            chendiung:[
                                {
                                    name:"油焖大虾",
                                    id:1
                                },
                                {
                                    name:"麻婆豆腐",
                                    id:1
                                },
                                {
                                    name:"家常菜",
                                    id:1
                                },
                                {
                                    name:"水煮肉片",
                                    id:1
                                },
                                {
                                    name:"凉拌黄瓜",
                                    id:1
                                },
                                {
                                    name:"下饭菜",
                                    id:1
                                },
                                {
                                    name:"糖醋里脊",
                                    id:1
                                },
                                {
                                    name:"回锅肉",
                                    id:1
                                },
                                {
                                    name:"红烧茄子",
                                    id:1
                                },
                            ]
                        }
                    ],
                 },
                 {
                    name:"东北菜",
                    leilsit:[
                        {
                            name:"家常菜",
                            chendiung:[
                                {
                                    name:"红烧肉",
                                    id:1
                                },
                                {
                                    name:"可乐鸡翅",
                                    id:1
                                },
                                {
                                    name:"糖醋排骨",
                                    id:1
                                },
                                {
                                    name:"鱼香肉丝",
                                    id:1
                                },
                                {
                                    name:"红烧排骨",
                                    id:1
                                },
                                {
                                    name:"宫保鸡丁",
                                    id:1
                                },
                                {
                                    name:"西红柿炒鸡蛋",
                                    id:1
                                },
                                {
                                    name:"清蒸鲈鱼",
                                    id:1
                                },
                                {
                                    name:"酸菜鱼",
                                    id:1
                                },
                            ]
                        },
                        {
                            name:"下饭菜",
                            chendiung:[
                                {
                                    name:"油焖大虾",
                                    id:1
                                },
                                {
                                    name:"麻婆豆腐",
                                    id:1
                                },
                                {
                                    name:"家常菜",
                                    id:1
                                },
                                {
                                    name:"水煮肉片",
                                    id:1
                                },
                                {
                                    name:"凉拌黄瓜",
                                    id:1
                                },
                                {
                                    name:"下饭菜",
                                    id:1
                                },
                                {
                                    name:"糖醋里脊",
                                    id:1
                                },
                                {
                                    name:"回锅肉",
                                    id:1
                                },
                                {
                                    name:"红烧茄子",
                                    id:1
                                },
                            ]
                        },
                        {
                            name:"快手菜",
                            chendiung:[
                                {
                                    name:"油焖大虾",
                                    id:1
                                },
                                {
                                    name:"麻婆豆腐",
                                    id:1
                                },
                                {
                                    name:"家常菜",
                                    id:1
                                },
                                {
                                    name:"水煮肉片",
                                    id:1
                                },
                                {
                                    name:"凉拌黄瓜",
                                    id:1
                                },
                                {
                                    name:"下饭菜",
                                    id:1
                                },
                                {
                                    name:"糖醋里脊",
                                    id:1
                                },
                                {
                                    name:"回锅肉",
                                    id:1
                                },
                                {
                                    name:"红烧茄子",
                                    id:1
                                },
                            ]
                        }
                    ],
                 },
                  {
                    name:"糕点",
                    leilsit:[
                        {
                            name:"家常菜",
                            chendiung:[
                                {
                                    name:"红烧肉",
                                    id:1
                                },
                                {
                                    name:"可乐鸡翅",
                                    id:1
                                },
                                {
                                    name:"糖醋排骨",
                                    id:1
                                },
                                {
                                    name:"鱼香肉丝",
                                    id:1
                                },
                                {
                                    name:"红烧排骨",
                                    id:1
                                },
                                {
                                    name:"宫保鸡丁",
                                    id:1
                                },
                                {
                                    name:"西红柿炒鸡蛋",
                                    id:1
                                },
                                {
                                    name:"清蒸鲈鱼",
                                    id:1
                                },
                                {
                                    name:"酸菜鱼",
                                    id:1
                                },
                            ]
                        },
                        {
                            name:"下饭菜",
                            chendiung:[
                                {
                                    name:"油焖大虾",
                                    id:1
                                },
                                {
                                    name:"麻婆豆腐",
                                    id:1
                                },
                                {
                                    name:"家常菜",
                                    id:1
                                },
                                {
                                    name:"水煮肉片",
                                    id:1
                                },
                                {
                                    name:"凉拌黄瓜",
                                    id:1
                                },
                                {
                                    name:"下饭菜",
                                    id:1
                                },
                                {
                                    name:"糖醋里脊",
                                    id:1
                                },
                                {
                                    name:"回锅肉",
                                    id:1
                                },
                                {
                                    name:"红烧茄子",
                                    id:1
                                },
                            ]
                        },
                        {
                            name:"快手菜",
                            chendiung:[
                                {
                                    name:"油焖大虾",
                                    id:1
                                },
                                {
                                    name:"麻婆豆腐",
                                    id:1
                                },
                                {
                                    name:"家常菜",
                                    id:1
                                },
                                {
                                    name:"水煮肉片",
                                    id:1
                                },
                                {
                                    name:"凉拌黄瓜",
                                    id:1
                                },
                                {
                                    name:"下饭菜",
                                    id:1
                                },
                                {
                                    name:"糖醋里脊",
                                    id:1
                                },
                                {
                                    name:"回锅肉",
                                    id:1
                                },
                                {
                                    name:"红烧茄子",
                                    id:1
                                },
                            ]
                        }
                    ],
                 },
                 {
                    name:"微波炉",
                    leilsit:[
                        {
                            name:"家常菜",
                            chendiung:[
                                {
                                    name:"红烧肉",
                                    id:1
                                },
                                {
                                    name:"可乐鸡翅",
                                    id:1
                                },
                                {
                                    name:"糖醋排骨",
                                    id:1
                                },
                                {
                                    name:"鱼香肉丝",
                                    id:1
                                },
                                {
                                    name:"红烧排骨",
                                    id:1
                                },
                                {
                                    name:"宫保鸡丁",
                                    id:1
                                },
                                {
                                    name:"西红柿炒鸡蛋",
                                    id:1
                                },
                                {
                                    name:"清蒸鲈鱼",
                                    id:1
                                },
                                {
                                    name:"酸菜鱼",
                                    id:1
                                },
                            ]
                        },
                        {
                            name:"下饭菜",
                            chendiung:[
                                {
                                    name:"油焖大虾",
                                    id:1
                                },
                                {
                                    name:"麻婆豆腐",
                                    id:1
                                },
                                {
                                    name:"家常菜",
                                    id:1
                                },
                                {
                                    name:"水煮肉片",
                                    id:1
                                },
                                {
                                    name:"凉拌黄瓜",
                                    id:1
                                },
                                {
                                    name:"下饭菜",
                                    id:1
                                },
                                {
                                    name:"糖醋里脊",
                                    id:1
                                },
                                {
                                    name:"回锅肉",
                                    id:1
                                },
                                {
                                    name:"红烧茄子",
                                    id:1
                                },
                            ]
                        },
                        {
                            name:"快手菜",
                            chendiung:[
                                {
                                    name:"油焖大虾",
                                    id:1
                                },
                                {
                                    name:"麻婆豆腐",
                                    id:1
                                },
                                {
                                    name:"家常菜",
                                    id:1
                                },
                                {
                                    name:"水煮肉片",
                                    id:1
                                },
                                {
                                    name:"凉拌黄瓜",
                                    id:1
                                },
                                {
                                    name:"下饭菜",
                                    id:1
                                },
                                {
                                    name:"糖醋里脊",
                                    id:1
                                },
                                {
                                    name:"回锅肉",
                                    id:1
                                },
                                {
                                    name:"红烧茄子",
                                    id:1
                                },
                            ]
                        }
                    ],
                 },
                 {
                    name:"川菜",
                    leilsit:[
                        {
                            name:"家常菜",
                            chendiung:[
                                {
                                    name:"红烧肉",
                                    id:1
                                },
                                {
                                    name:"可乐鸡翅",
                                    id:1
                                },
                                {
                                    name:"糖醋排骨",
                                    id:1
                                },
                                {
                                    name:"鱼香肉丝",
                                    id:1
                                },
                                {
                                    name:"红烧排骨",
                                    id:1
                                },
                                {
                                    name:"宫保鸡丁",
                                    id:1
                                },
                                {
                                    name:"西红柿炒鸡蛋",
                                    id:1
                                },
                                {
                                    name:"清蒸鲈鱼",
                                    id:1
                                },
                                {
                                    name:"酸菜鱼",
                                    id:1
                                },
                            ]
                        },
                        {
                            name:"下饭菜",
                            chendiung:[
                                {
                                    name:"油焖大虾",
                                    id:1
                                },
                                {
                                    name:"麻婆豆腐",
                                    id:1
                                },
                                {
                                    name:"家常菜",
                                    id:1
                                },
                                {
                                    name:"水煮肉片",
                                    id:1
                                },
                                {
                                    name:"凉拌黄瓜",
                                    id:1
                                },
                                {
                                    name:"下饭菜",
                                    id:1
                                },
                                {
                                    name:"糖醋里脊",
                                    id:1
                                },
                                {
                                    name:"回锅肉",
                                    id:1
                                },
                                {
                                    name:"红烧茄子",
                                    id:1
                                },
                            ]
                        },
                        {
                            name:"快手菜",
                            chendiung:[
                                {
                                    name:"油焖大虾",
                                    id:1
                                },
                                {
                                    name:"麻婆豆腐",
                                    id:1
                                },
                                {
                                    name:"家常菜",
                                    id:1
                                },
                                {
                                    name:"水煮肉片",
                                    id:1
                                },
                                {
                                    name:"凉拌黄瓜",
                                    id:1
                                },
                                {
                                    name:"下饭菜",
                                    id:1
                                },
                                {
                                    name:"糖醋里脊",
                                    id:1
                                },
                                {
                                    name:"回锅肉",
                                    id:1
                                },
                                {
                                    name:"红烧茄子",
                                    id:1
                                },
                            ]
                        }
                    ],
                 },
                 {
                    name:"湘菜",
                    leilsit:[
                        {
                            name:"家常菜",
                            chendiung:[
                                {
                                    name:"红烧肉",
                                    id:1
                                },
                                {
                                    name:"可乐鸡翅",
                                    id:1
                                },
                                {
                                    name:"糖醋排骨",
                                    id:1
                                },
                                {
                                    name:"鱼香肉丝",
                                    id:1
                                },
                                {
                                    name:"红烧排骨",
                                    id:1
                                },
                                {
                                    name:"宫保鸡丁",
                                    id:1
                                },
                                {
                                    name:"西红柿炒鸡蛋",
                                    id:1
                                },
                                {
                                    name:"清蒸鲈鱼",
                                    id:1
                                },
                                {
                                    name:"酸菜鱼",
                                    id:1
                                },
                            ]
                        },
                        {
                            name:"下饭菜",
                            chendiung:[
                                {
                                    name:"油焖大虾",
                                    id:1
                                },
                                {
                                    name:"麻婆豆腐",
                                    id:1
                                },
                                {
                                    name:"家常菜",
                                    id:1
                                },
                                {
                                    name:"水煮肉片",
                                    id:1
                                },
                                {
                                    name:"凉拌黄瓜",
                                    id:1
                                },
                                {
                                    name:"下饭菜",
                                    id:1
                                },
                                {
                                    name:"糖醋里脊",
                                    id:1
                                },
                                {
                                    name:"回锅肉",
                                    id:1
                                },
                                {
                                    name:"红烧茄子",
                                    id:1
                                },
                            ]
                        },
                        {
                            name:"快手菜",
                            chendiung:[
                                {
                                    name:"油焖大虾",
                                    id:1
                                },
                                {
                                    name:"麻婆豆腐",
                                    id:1
                                },
                                {
                                    name:"家常菜",
                                    id:1
                                },
                                {
                                    name:"水煮肉片",
                                    id:1
                                },
                                {
                                    name:"凉拌黄瓜",
                                    id:1
                                },
                                {
                                    name:"下饭菜",
                                    id:1
                                },
                                {
                                    name:"糖醋里脊",
                                    id:1
                                },
                                {
                                    name:"回锅肉",
                                    id:1
                                },
                                {
                                    name:"红烧茄子",
                                    id:1
                                },
                            ]
                        }
                    ],
                 },
                 {
                    name:"汤",
                    leilsit:[
                        {
                            name:"家常菜",
                            chendiung:[
                                {
                                    name:"红烧肉",
                                    id:1
                                },
                                {
                                    name:"可乐鸡翅",
                                    id:1
                                },
                                {
                                    name:"糖醋排骨",
                                    id:1
                                },
                                {
                                    name:"鱼香肉丝",
                                    id:1
                                },
                                {
                                    name:"红烧排骨",
                                    id:1
                                },
                                {
                                    name:"宫保鸡丁",
                                    id:1
                                },
                                {
                                    name:"西红柿炒鸡蛋",
                                    id:1
                                },
                                {
                                    name:"清蒸鲈鱼",
                                    id:1
                                },
                                {
                                    name:"酸菜鱼",
                                    id:1
                                },
                            ]
                        },
                        {
                            name:"下饭菜",
                            chendiung:[
                                {
                                    name:"油焖大虾",
                                    id:1
                                },
                                {
                                    name:"麻婆豆腐",
                                    id:1
                                },
                                {
                                    name:"家常菜",
                                    id:1
                                },
                                {
                                    name:"水煮肉片",
                                    id:1
                                },
                                {
                                    name:"凉拌黄瓜",
                                    id:1
                                },
                                {
                                    name:"下饭菜",
                                    id:1
                                },
                                {
                                    name:"糖醋里脊",
                                    id:1
                                },
                                {
                                    name:"回锅肉",
                                    id:1
                                },
                                {
                                    name:"红烧茄子",
                                    id:1
                                },
                            ]
                        },
                        {
                            name:"快手菜",
                            chendiung:[
                                {
                                    name:"油焖大虾",
                                    id:1
                                },
                                {
                                    name:"麻婆豆腐",
                                    id:1
                                },
                                {
                                    name:"家常菜",
                                    id:1
                                },
                                {
                                    name:"水煮肉片",
                                    id:1
                                },
                                {
                                    name:"凉拌黄瓜",
                                    id:1
                                },
                                {
                                    name:"下饭菜",
                                    id:1
                                },
                                {
                                    name:"糖醋里脊",
                                    id:1
                                },
                                {
                                    name:"回锅肉",
                                    id:1
                                },
                                {
                                    name:"红烧茄子",
                                    id:1
                                },
                            ]
                        }
                    ],
                 },
                 {
                    name:"鲁菜",
                    leilsit:[
                        {
                            name:"家常菜",
                            chendiung:[
                                {
                                    name:"红烧肉",
                                    id:1
                                },
                                {
                                    name:"可乐鸡翅",
                                    id:1
                                },
                                {
                                    name:"糖醋排骨",
                                    id:1
                                },
                                {
                                    name:"鱼香肉丝",
                                    id:1
                                },
                                {
                                    name:"红烧排骨",
                                    id:1
                                },
                                {
                                    name:"宫保鸡丁",
                                    id:1
                                },
                                {
                                    name:"西红柿炒鸡蛋",
                                    id:1
                                },
                                {
                                    name:"清蒸鲈鱼",
                                    id:1
                                },
                                {
                                    name:"酸菜鱼",
                                    id:1
                                },
                            ]
                        },
                        {
                            name:"下饭菜",
                            chendiung:[
                                {
                                    name:"油焖大虾",
                                    id:1
                                },
                                {
                                    name:"麻婆豆腐",
                                    id:1
                                },
                                {
                                    name:"家常菜",
                                    id:1
                                },
                                {
                                    name:"水煮肉片",
                                    id:1
                                },
                                {
                                    name:"凉拌黄瓜",
                                    id:1
                                },
                                {
                                    name:"下饭菜",
                                    id:1
                                },
                                {
                                    name:"糖醋里脊",
                                    id:1
                                },
                                {
                                    name:"回锅肉",
                                    id:1
                                },
                                {
                                    name:"红烧茄子",
                                    id:1
                                },
                            ]
                        },
                        {
                            name:"快手菜",
                            chendiung:[
                                {
                                    name:"油焖大虾",
                                    id:1
                                },
                                {
                                    name:"麻婆豆腐",
                                    id:1
                                },
                                {
                                    name:"家常菜",
                                    id:1
                                },
                                {
                                    name:"水煮肉片",
                                    id:1
                                },
                                {
                                    name:"凉拌黄瓜",
                                    id:1
                                },
                                {
                                    name:"下饭菜",
                                    id:1
                                },
                                {
                                    name:"糖醋里脊",
                                    id:1
                                },
                                {
                                    name:"回锅肉",
                                    id:1
                                },
                                {
                                    name:"红烧茄子",
                                    id:1
                                },
                            ]
                        }
                    ],
                 },
             ]

             
        };
  },
  methods:{
      addyu(index){
        //   console.log(index);
          this.indextos=index;
      },
      getdatato(name){
        //   console.log(name);
          this.$router.push({name:"menuilst",params:{obj:name}})
          let data = name;
          window.sessionStorage.setItem('menuilst',JSON.stringify(data));//存数据   
      },
      getdtyuto(name){
          console.log(name);
          this.$router.push({name:"menuilst",params:{obj:name}})
          let data = name;
          window.sessionStorage.setItem('menuilst',JSON.stringify(data));//存数据   
      }
  }
}
</script>

<style lang="less">
    .cooktosto{
        width: 100%;
        height: 100%;
        position: absolute;
        z-index: 30;
        background-color: #fff;
        // background-color: ;
        .tophj{
            width: 100%;
            height: 40px;
            .hj{
                width: 100%;
                height: 40px;
                position: fixed;
                top: 0;
                z-index: 30;
                background-color: #fff;
                padding-left: 10px;
                padding-right: 10px;
                box-sizing: border-box;
                display: flex;
                justify-content: space-between;
                align-items: center;
                .it{
                    width: 10%;
                    height: 100%;
                    text-align: center;
                    line-height: 40px;
                    span{
                        font-size: 16px;
                        &.iconfont{
                            font-size: 20px;
                        }
                    }
                }
                .en{
                    width: 20%;
                }
               
            }
           
        }
         .cookmainto{
            width: 100%;
            padding-left: 10px;
            padding-right: 10px;
            box-sizing: border-box;
            display: flex;
            justify-content: space-between;
            .left{
                width: 25%;
                position: relative;
                height: 93vh;
                // overflow-x: hidden;
                .van-sidebar-item{
                    padding: 14px 12px;
                    text-align: center;
                }
                .item{
                    width: 100%;
                    position: absolute;
                    height: 50px;
                    text-align: center;
                    line-height: 50px;
                    

                }
            }
            .right{
                width: 75%;
                height: 93vh;
                // overflow-y: scroll;
                overflow-x: hidden;
                position: relative;
                // 
                .item{
                     position: absolute;
                    overflow-x: scroll;
                   
                    width: 100%;
                    .kuai{
                        margin-top: 10px;
                        width: 100%;
                        // padding: 10px;
                        // box-sizing: border-box;
                        .name{
                            width: 100%;
                            height: 50px;
                            text-align: center;
                            line-height: 50px;
                            font-size: 14px;
                            display: flex;
                            align-items: center;
                            border-radius: 8px;
                            background-color: #fffbe7;
                            justify-content: space-around;
                            .tod{
                                display: flex;
                                align-items: center;
                                span{
                                    font-size: 14px;
                                    color: #a29b78;
                                }
                            }
                        }
                        .nalis{
                            width: 100%;
                            display: flex;
                            flex-wrap: wrap;
                            // justify-content: center;
                            justify-content: space-evenly;
                            .ity{
                                // height: ;
                                margin-top: 10px;
                                margin-left: 5px;
                                margin-right:5px ;
                                // height: 30px;
                                border-radius: 6px;
                                border:1px solid #f5f5f5;
                                text-align: center;
                                box-sizing: border-box;
                                // line-height: 30px;
                                padding: 10px;
                                span{
                                    font-size: 14px;
                                }

                            }
                        }
                    }
                }
            }
        }
    }
</style>